// pages/detail/detail.js

import ArticleAC from '../../js/article_access'
const app = getApp();
Page({
  /**
   * 页面的初始数据
   */
  data: {
    articleTitle: '',
    isLoadData : false,
    barStatus : {
      topNavTitle:''
    },
    blankList : [620, 590, 600, 410, 420, 410, 630, 620, 620, 630, 640]
  },
  loadDetail: function (options, cb) {
    console.log('onload detail', options);

    wx.showLoading();

    var articleId = options.id || '81d0abb3930546f3bae982034659a6e1';
    this.setData({ articleId: articleId});

    var _this = this;

    ArticleAC.detail({
      atclid : articleId
    }, function(res) {
      console.log('detail ', res);
      if (res) {
        var article = res;
        let data = app.towxml.toJson(article.content, 'markdown');

        console.log(data);

        //设置文档显示主题，默认'light' 'dark'
        data.theme = 'light';

        //设置数据
        _this.setData({
          isLoadData : true,
          articleTitle: article.title,
          articleContent: data,
          viewCount: '浏览量 ' + article.viewCount
        });

      }
      wx.hideLoading();

      if (cb) {
        cb();
      }
    });

  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    app.setTitle(this, '文章详情');
    this.loadDetail(options);
  },
  
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },
  onPageScroll : function(e) {
    var top = e.scrollTop || 0;
    
    var isTitleSet = this.data.isTitleSet || false;
    if (top > 95) {
      if(isTitleSet) {
        return ;
      }
      app.setTitle(this, this.data.articleTitle);
      this.setData({
        isTitleSet : true
      });
    } else {
      app.setTitle(this, '文章详情');
      this.setData({
        isTitleSet: false
      });
    }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    /** *
    this.loadDetail({
      id: this.data.articleId
    }, function() {

      wx.stopPullDownRefresh();
    });
    /** */

    wx.stopPullDownRefresh();
  },
  /** */

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }

  , clickAndHome : function(event) {
    app.clickAndHome(event);
  }

  , clickAndBack : function(event) {
    app.clickAndBack(event);
  }
})